<template>
	<view>
		<uni-nav-bar :fixed="true" leftWidth="0" rightWidth="0" :border="false" :backgroundColor="themeColor.color">
			<view class="uy-w-p-100">
				<uy-search :disabled="true" :border="false" @click="$openPage('searchIndex')"></uy-search>
			</view>
		</uni-nav-bar>
		
		<uy-sticky :bgColor="themeColor.color" :offsetTop="44">
			<uy-tabs :list="$mConstDataConfig.navMenu" activeColor="#FFFFFF" noactiveColor="#FFFFFF" lineColor="#FFFFFF" @change="tapTo('nav-menu', $event)"></uy-tabs>
		</uy-sticky>
		
		<view class="uy-p-20">
			<uy-swiper :list="slideshowList" height="220" radius="5" :isIndicatorLight="slideshowList.length > 1? true: false"></uy-swiper>
			
			<uy-list-goods :rowNum="2" interval="10" :list="list"></uy-list-goods>
			<!-- <uy-list :flex="true">
				<uy-list-item :data="item" v-for="(item, index) in list" :key="index">
					<view class="uy-p-10 uy-h-185 uy-rel">
						<view class="uy-line-2 uy-font-26">
							<view class="uy-flex-inline uy-m-r-10">
								<uy-image width="25" height="25" :src="item.image"></uy-image>
							</view>
							{{item.name || ''}}
						</view>
						<view class="uy-font-22 uy-color-999999 uy-flex uy-abs uy-b-95">
							<view class="uy-w-30 uy-h-30 uy-m-r-5">
								<uni-icons type="shop" size="15" color="#999999"></uni-icons>
							</view>
							{{item.shop_name || ''}}
						</view>
						<view class="uy-font-28 uy-font-w-600 uy-color-FF0000 uy-abs uy-b-50">
							<text class="uy-font-22 uy-font-w-500">{{$mConstDataConfig.moneySymbol}}</text>
							{{item.price || '0.00'}}
							<text class="uy-font-22 uy-m-l-5 uy-font-w-500">劵后</text>
							<text class="uy-color-666666 uy-m-l-20 uy-font-22 uy-font-w-500">月销10万</text>
						</view>
						<view class="uy-flex uy-font-20 uy-abs uy-b-15">
							<view class="uy-bg-FFA115 uy-w-130  uy-m-r-20 uy-b-r-5 uy-rel uy-p-r-5 uy-flex">
								<view class="uy-w-50 uy-text-c uy-bg-000000 uy-color-FFA115" style="clip-path: polygon(0 0, 100% 0, 22px 100%, 0 100%);">返</view>
								<view class="uy-text-c uy-flex-1 uy-font-18 uy-color-333333">10元</view>
								<view class="uy-bg-FFFFFF uy-w-10 uy-h-10 uy-b-r-p-50 uy-abs uy-l--5 uy-b-0 uy-t-0 uy-m-a"></view>
								<view class="uy-bg-FFFFFF uy-w-10 uy-h-10 uy-b-r-p-50 uy-abs uy-r--5 uy-b-0 uy-t-0 uy-m-a"></view>
							</view>
							<view class="uy-bg-FF754C uy-w-130 uy-b-r-5 uy-rel uy-p-l-5 uy-flex">
								<view class="uy-w-35 uy-text-c uy-color-FFFFFF uy-m-l-5" style="border-right: 1rpx dashed #FFFFFF;">劵</view>
								<view class="uy-text-c uy-flex-1 uy-font-18 uy-color-FFFFFF">21元</view>
								<view class="uy-bg-FFFFFF uy-w-10 uy-h-10 uy-b-r-p-50 uy-abs uy-l--5 uy-b-0 uy-t-0 uy-m-a"></view>
								<view class="uy-bg-FFFFFF uy-w-10 uy-h-10 uy-b-r-p-50 uy-abs uy-r--5 uy-b-0 uy-t-0 uy-m-a"></view>
							</view>
						</view>
					</view>
				</uy-list-item>
			</uy-list> -->
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				slideshowList: ['/static/img/banner.png'],
				list: [{
					image: 'https://img12.360buyimg.com/n1/jfs/t1/10154/31/22501/99372/651f882cF59443ee6/96b29862a0da288d.jpg.avif', 
					name: '花园【新品】天山牧场纯牛奶200g*10盒*3箱家庭装新疆原产儿童学生奶',
					price: 109.9,
					shop_name: '优享购旗舰店'
				}, {
					image: 'https://img14.360buyimg.com/n1/jfs/t1/181618/7/40121/205742/652f8068F0fe0fecf/937a9d9881c9fbdc.jpg',
					name: '仁和 芦荟胶补水晒后补水保湿舒缓肌肤提亮肤色啫喱面霜 护肤品300g 芦荟胶2盒装',
					price: 14.9,
					shop_name: '优享购旗舰店'
				},
				{
					image: 'https://img14.360buyimg.com/n1/jfs/t1/181618/7/40121/205742/652f8068F0fe0fecf/937a9d9881c9fbdc.jpg',
					name: '仁和 芦荟胶补水晒后补水保湿舒缓肌肤提亮肤色啫喱面霜 护肤品300g 芦荟胶2盒装',
					price: 14.9,
					shop_name: '优享购旗舰店'
				}]
			}
		},
		onLoad() {
		},
		methods: {
			tapTo(state, e) {
				switch(state) {
					case 'nav-menu':
						break
					default:
						break
				}
			},
		}
	}
</script>

<style lang="scss">

</style>
